<!DOCTYPE html>
<html>
<head>
 <!--   
    <link rel="stylesheet" type="text/css" href="assets/css/animate.css">
    -->

    <meta charset="UTF-16">
    <link rel="stylesheet" type="text/css" href="assets/css/jquery.fullPage.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/base.css" />
    
    <link href='http://fonts.googleapis.com/css?family=Ubuntu:700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="assets/vendors/jquery.easings.min.js"></script>
    <script type="text/javascript" src="assets/js/jquery.fullPage.js"></script>
    

    <script type="text/javascript">
        $(document).ready(function() {
            $('#fullpage').fullpage({
                anchors: ['section0','section1', 'section2', 'section3'],
                menu: '#menu',
                easing: 'easeInOutCubic',
                css3: false,
                scrollingSpeed: 1000,
                slidesNavigation: false,
                touchSensitivity: 15,
                loopHorizontal: false,
                controlArrows: true,
                responsive: 700             
            });
        });
    </script>
        
    <style>
        .section{
            font-size: 6em;
            text-align: center;
        }
    </style>
</head>

<body>

    <div  id="navigation">
        
        <ul class="nav" id="menu">
            <li data-menuanchor="section1"><a href="#section1">Services</a></li>
            <li data-menuanchor="section2"><a href="#section2">Team</a></li>
            <li data-menuanchor="section3"><a href="#section3">Contact</a></li>
        </ul>

    </div> 



    <div id="fullpage">

        <div class="section" data-anchor="section0" id="sect0">
            <div class="logo">
                  <span id="logo"></span> 
                   
            </div>
        </div>       

        <div class="section" data-anchor="section1" id="sect1">
            
                <div class="slide" id="slide1">
                    <div class="col-lg-12 col-sm-12">
                        <div class="sl-icon"><img src="assets/img/web-dev-icon.png"></div>                        
                        <div class="description">
                            <h3>Web Developement</h3>
                            <p>Using the best-in-class technology, we build websites and apps that perform. 
                            With a full team of developers working on cutting-edge solutions, we customize interactive development for every client need.</p>
                        </div>
                    </div>                                
                </div>

                <div class="slide" id="slide2">
                    <div class="col-lg-12 col-sm-12">
                        <div class="sl-icon"><img src="assets/img/mob-dev-icon.png"></div>
                        <div class="description">
                            <h3>Mobile App Developement</h3>
                            <p>From social networking apps to Android productivity tools to secure enterprise solutions with integrated backend systems, wiseIT does it all. 
                            Our mobile strategists, designers and engineers know the app development business inside and out - so you get results that matter.</p>
                        </div>
                    </div>
                </div>

                <div class="slide" id="slide3">
                    <div class="col-lg-12 col-sm-12">
                       <div class="sl-icon"><img src="assets/img/it-dev-icon.png"></div>
                        <div class="description">
                            <h3>IT Consulting</h3>
                            <p>A company's technology organization should support its business strategy, not constrain it. Bain focuses first on the strategic needs of our clients' 
                            businesses to determine the technology capabilities needed to support their long-term goals. We help companies confidently address technology-related decisions and 
                            ensure their IT organizations and operating models are agile and effective, equipping them to cut through the noise of fleeting technology trends to create enduring results</p>
                        </div>
                    </div>
                </div> 

                <div class="slide" id="slide4">
                    <div class="col-lg-12 col-sm-12">
                       <div class="sl-icon"><img src="assets/img/pi-dev-icon.png"></div>
                        <div class="description">
                            <h3>Raspberry Pi Developement</h3>
                            <p>The Raspberry Pi is a low cost, credit-card sized computer that plugs into a computer monitor or TV, and uses a standard keyboard and mouse. It is a capable little device 
                            that enables people of all ages to explore computing, and to learn how to program in languages like Scratch and Python. It's capable of doing everything you'd expect a desktop
                             computer to do, from browsing the internet and playing high-definition video, to making spreadsheets, word-processing, and playing games.</p>
                        </div>
                    </div>
                </div> </div>


        <div class="section" data-anchor="section2" id="sect2">
            
             <div class="row " >
                <div class="col-sm-3 col-lg-3">                    
                </div>

                <div class="col-sm-3 col-lg-3">
                    <img src="assets/img/mb1.jpg" class="img-circle img-about">
                    <h3>Marko Bejat</h3>
                    <div class="about-desc">
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
                    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                    </div>
                </div> 
                
                <div class="col-sm-3 col-lg-3" >
                    <img src="assets/img/mb2.jpg" class="img-circle img-about"> 
                    <h3>Marko Božović</h3>
                    <div class="about-desc">
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
                    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                    </div>
                </div> 

                <div class="col-sm-3 col-lg-3">                    
                </div> 

             </div>       
             <div class="col-lg-12 img-lang">
                    <img src="assets/img/lang-down.png" width="auto" height="100px">
             </div>
             
        </div>

        

        <div class="section" data-anchor="section3" id="sect3">
                <div class="">

                    <form method="post" action="site/send">
                          
                        <input type="text" name="name" placeholder="Your name"><br>
                        
                        <div id="cmd">
                            <span></span>
                            
                            <div id="cursor"></div>
                            
                        </div>
                        <input type="text" id="email" name="email" placeholder="Your email"><br>
                        
                        <textarea id="text1" name="message" rows="10" placeholder="Dear wiseIT,"></textarea><br>

                        <input type="submit" value="Send">

                    </form>

                </div>

        </div>   
    



    <script type="text/javascript" src="assets/js/bootstrap.min.js"></script> 
    <script src="assets/js/docs.min.js"></script> 
    <script src="assets/js/smoothscroll.js"></script>
    <script src="assets/js/typed.js"></script>
    
    <script>
    $(function(){
        $("#logo").typed({
            strings: ["wiseIT ^1000 ","Your best IT solution. ^1000"],
            typeSpeed: 150,
            loop: true,
            cursorChar: "_"
        });
    });
    </script>
    
    
</body> 
</html>